<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<title>Vacuno</title>
  	<meta name="description" content="Demo of a Sliding Login Panel using jQuery 1.3.2" />
  	<meta name="keywords" content="jquery, sliding, toggle, slideUp, slideDown, login, login form, register" />
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />	

	<!-- stylesheets -->
  	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
	
  	<!-- PNG FIX for IE6 -->
  	<!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->
	<!--[if lte IE 6]>
		<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
	<![endif]-->
	 
    <!-- jQuery - the core -->
	<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
	<!-- Sliding effect -->
	<script src="js/slide.js" type="text/javascript"></script>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <style type="text/css">
<!--
.Estilo1 {color: #FFFFFF}
-->
    </style>
</head>
<body bgcolor=#FFFFFF leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 background="images/main_bg.jpg">
<!-- Login -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
            <center>
				<h1>Welcome to AdminCow</h1>
				<h2>Bienvenidos al Sistema de Administracin Vacuna</h2>	
                <img src="images/briam.jpg" alt="AdminCow" width="200" height="150"/>
            </center>
		  </div>
			<div class="left">
				<form class="clearfix" action="LoginServlet" method="post">
					<h1 class="padlock">Member Login</h1>
					<label class="grey" for="log">Username:</label>
					<input class="field" type="text" name="usuario" id="usuario" value="" size="23" />
					<label class="grey" for="pwd">Password:</label>
					<input class="field" type="password" AUTOCOMPLETE="off" name="clave" id="clave" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Remember me</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Login" class="bt_login" />
					<a class="lost-pwd" href="#">Lost your password?</a>
				</form>
			</div>
			<div class="left right">
				<form action="#" method="post">
					<h1>Not a member yet? Sign Up!</h1>				
					<label class="grey" for="signup">Username:</label>
					<input class="field" type="text" name="signup" id="signup" value="" size="23" />
					<label class="grey" for="email">Email:</label>
					<input class="field" type="text" name="email" id="email" size="23" />
					<label>A password will be e-mailed to you.</label>
					<input type="submit" name="submit" value="Register" class="bt_register" />
				</form>
			</div>
		</div>
	</div> <!-- /login -->	

    <!-- The tab on top -->	
	<div class="tab">
	  <ul class="login">
	    	<li class="left">&nbsp;</li>
	        <li>Hello Guest!</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Log In | Register</a>
				<a id="close" style="display: none;" class="close" href="#">Close Panel</a>			
			</li>
	    	<li class="right">&nbsp;</li>
		</ul> 
  </div> <!-- / top -->
	
</div> <!--panel -->
    <div id="container">
		<div id="content" style="padding-top:1px;">
	  </div><!-- / content -->		
	</div><!-- / container -->
<center>
<div id="contenedor">
  <div id="superior">
    <table width="792" border="0">
      <tr>
        <td width="66"><div align="center" class="subtitulo">
          <p><a href="index.html" class="subtitulo">Home</a></p>
        </div></td>
        <td width="136"><div align="center" class="subtitulo"><a href="whowe.jsp" class="subtitulo">Quienes Somos</a></div></td>
        <td width="136"><div align="center" class="subtitulo"><a href="publicidad.jsp" class="subtitulo">Promociones</a></div></td>
        <td width="110"><div align="center" class="subtitulo"><a href="contactenos.jsp" class="subtitulo">Contctenos</a></div></td>
        <td width="274"><div align="center"></div></td>
        <td width="44"><div align="left"><a href="index.jsp"><img src="images/chk_off.png" alt="Logout" width="16" height="16" /></a></div></td>
      </tr>
    </table>
  </div>
  <div id="medio">
    <div id="derecha">
      <div id="animacion">
        <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','581','height','170','src','flash/cabecera','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','flash/cabecera','wmode','transparent' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="581" height="170">
          <param name="movie" value="flash/cabecera.swf" />
          <param name="quality" value="high" />
          <param name="wmode" value="transparent" />
          <embed src="flash/cabecera.swf" width="581" height="170" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed> 
        </object>
      </noscript></div>
      <div id="centro">        
        <div align="center"><img src="images/5.gif" /><img src="images/logo.jpg" width="172" height="113" /> <img src="images/letra.png" width="216" height="107" /></div>
        

        
        <img src="images/014HO0359721.jpg" width="400" height="285" /></div>
      <div id="publicidad"><img src="images/links.jpg" width="581" height="46" border="0" usemap="#Map" />
        <map name="Map" id="Map">
          <area shape="rect" coords="329,10,449,29" href="contactenos.jsp" />
          <area shape="rect" coords="196,10,316,29" href="publicidad.jsp" />
          <area shape="rect" coords="83,12,177,29" href="whowe.jsp" />
          <area shape="rect" coords="13,12,70,30" href="index.jsp" />
        <area shape="circle" coords="476,22,14" href="LogoutServlet" />
        </map>
      </div>
    </div>
    <div id="izquierda">
      <p>&nbsp;</p>
      <p>&nbsp;</p>
      <table width="170px" border="0" cellspacing="2" cellpadding="2" align="left">
        <tr>
          <td width="50%" height="175" align="right" valign="top"><a href="Dairy_Virtual451b.html?br=ho"><img src="images/dairycover.apr09.jpg" alt="Onward Daughter Image" width="80" height="100"
                                            align="middle" /></a><br />
            <a href="Dairy_Virtual451b.html?br=ho" title="Dairy Sire Guide">Virtual Dairy Guide</a></td>
        </tr>
        <tr>
          <td height="164" align="right" valign="top"><a href="Beef_Virtuala74a.html?br=an"><img src="images/beefcover09.jpg" alt="New Frontier Image" width="80" align="middle" /></a><a href="Beef_Virtuala74a.html?br=an"><br />
            Virtual Beef Directory</a></td>
        </tr>
        <tr>
          <td align="right" valign="top"><a href="Genetic_Visions.html"><img src="images/tubes2.jpg" alt="Technology Image" width="80" /></a><a href="Genetic_Visions.html"><br />
            Technology</a></td>
        </tr>
        <tr>
          <td align="right" valign="top"><a href="Reproductive_Consulting.html"><img src="images/people.jpg" alt="Customer Image" width="80" /></a><a href="Reproductive_Consulting.html"><br />
            Reproduction</a></td>
        </tr>
      </table>
      <p align="left">&nbsp;</p>
       <p align="left">&nbsp;</p>
    </div>
  </div>
  
  <div id="inferior">
    <div id="izquierdaa"><img src="images/bot.gif" /></div>
    <div id="derecho"><img src="images/bot1.gif" /></div>
  </div>
</div>
</center>
</body>
</html>
